﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit" />
    <meta name="x5-fullscreen" content="true">
    <meta name="full-screen" content="yes">
    <title>Title</title>
    <link href="../../css/base/reset.css" rel="stylesheet" />
    <link href="../../css/base/base.scss" rel="stylesheet" />
    <!--<link href="css/fonts/icomoon/style.css" rel="stylesheet" />-->
    <link href="../../plugins/modal/modal.css" rel="stylesheet" />
    <!--<link href="../../plugins/swiper3/swiper.min.css" rel="stylesheet" />-->
    <link href="../../css/struct/custom.scss" rel="stylesheet" />
    <link href="../../css/struct/layout.scss" rel="stylesheet" />
    <link href="../../css/theme/dark/style.scss" rel="stylesheet" />
    <style>
        table td{
            padding: 3px 0;
        }
        table tr td:first-child{
            white-space: nowrap;
            vertical-align: top;
        }
        .list-course button{
            width: 80px;
        }
    </style>
</head>
<body>
    <div class="background"></div>
    <div class="wrapper">
        <div class="container" role="main">
            <div class="content">
                <div class="section">
                    <table>
                        <tr>
                            <td>培训名称：</td>
                            <td>2016年度平台演示培训课程</td>
                        </tr>
                        <tr>
                            <td>培训名称：</td>
                            <td>2016年度平台演示培训课程</td>
                        </tr>
                        <tr>
                            <td>培训名称：</td>
                            <td>2016年度平台演示培训课程</td>
                        </tr>
                    </table>
                </div>
                <div class="section">
                    <h4 class="margin-bottom-10">公告列表</h4>
                    <ul class="list link arrow nogap">
                        <li>
                            <a href="javascript:;">公告一：考前须知</a>
                            <i class="icomoon icon-arrow"></i>
                        </li>
                        <li>
                            <a href="javascript:;">公告二：考试测评须知</a>
                            <i class="icomoon icon-arrow"></i>
                        </li>
                        <li>
                            <a href="javascript:;">公告三：培训反馈须知</a>
                            <i class="icomoon icon-arrow"></i>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h4 class="margin-bottom-10">课程列表</h4>
                    <ul class="list list-course nogap">
                        <li>
                            <div class="align-right">
                                <button type="button" class="btn btn-success">已签到</button>
                            </div>
                            <div class="align-left">
                                课程一：论安全气囊弹出的意义和规则
                            </div>
                        </li>
                        <li>
                            <div class="align-right">
                                <button type="button" class="btn btn-danger">签到</button>
                            </div>
                            <div class="align-left">
                                课程一：论安全气囊弹出的意义和规则
                            </div>
                        </li>
                        <li>
                            <div class="align-right">
                                <button type="button" class="btn btn-danger">签到</button>
                            </div>
                            <div class="align-left">
                                课程一：论安全气囊弹出的意义和规则
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="section">
                    <h4 class="margin-bottom-10">考试调研</h4>
                    <ul class="list list-research nogap">
                        <li>
                            <div class="align-right">
                                <button type="button" class="btn btn-success">开始测评</button>
                            </div>
                            <div class="align-left">
                                <p>基础理论考试</p>
                                <div>
                                    <span class="text-success">√已签到</span> &nbsp;
                                    <span class="text-danger">×未考试</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="align-right">
                                <button type="button" class="btn btn-success">开始测评</button>
                            </div>
                            <div class="align-left">
                                <p>基础理论考试</p>
                                <div>
                                    <span class="text-danger">×未签到</span> &nbsp;
                                    <span class="text-danger">×未考试</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="align-right">
                                <button type="button" class="btn btn-success" disabled>已结束</button>
                            </div>
                            <div class="align-left">
                                <p>基础理论考试</p>
                                <div>
                                    <span class="text-success">√未签到</span> &nbsp;
                                    <span class="text-success">√未考试</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="modal" class="modal-wrapper">
        <div class="modal-container modal-lg">
            <div class="modal-content">
                <div class="message">这是测试弹窗</div>
            </div>
        </div>
    </div>
    <script src="../../js/jquery/jquery-1.11.2.js"></script>
    <!--<script src="../../js/react/react.min.js"></script>
    <script src="../../js/react/react-dom.min.js"></script>
    <script src="../../component/react/list.jsx"></script>-->
    <script src="../../js/fastclick/fastclick.js"></script>
    <script src="../../plugins/modal/modal.js"></script>
    <!--<script src="../../plugins/swiper3/swiper.jquery.min.js"></script>-->
    <script src="../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {

        })
    </script>
</body>
</html>